// 1. 定义变量 : 可重复使用一改全改不用再一个个的修改
    // 定义语法 : $变量名:属性值 
    // 使用语法 : $变量名
// 2. 定义 mixins : 代码复用
    // 定义语法 : @mixin 名称 { 代码 }
    // 使用语法 : @include 名称
// 3. 导入base.scss 使用base.scss文件 定义的 变量
@import './base.scss';

// 1. 定义 变量
$colot:yellow;

// 2. 定义 mixins
@mixin contas {
    width: 200px;
    height: 200px;
    background-color: $colot;
    border:1px solid $border-size;
}

#app {
    background-color: $colot;
    @include contas;  // 复用定义的 contas 代码内容
}